<!doctype html>
<html class="no-js" lang="" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>公共页</title>

    <div th:fragment="head">
        <meta charset="UTF-8">
        <meta name="description" content="Flat, Clean, Responsive, admin template built with bootstrap 3">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
        <script type="text/javascript">
            //<![CDATA[
            try {
                if (!window.CloudFlare) {
                    var CloudFlare = [{
                        verbose: 0,
                        p: 0,
                        byc: 0,
                        owlid: "cf",
                        bag2: 1,
                        mirage2: 0,
                        oracle: 0,
                        paths: {
                            cloudflare: "/cdn-cgi/nexp/dok2v=1613a3a185/"
                        },
                        atok: "1668c19642567e08c574f5d9458345a2",
                        petok: "3285f1db20753df31d6fcdae6015a30e5a60a785-1419101748-1800",
                        zone: "nyasha.me",
                        rocket: "0",
                        apps: {
                            "ga_key": {
                                "ua": "UA-50530436-1",
                                "ga_bs": "2"
                            }
                        }
                    }];
                    CloudFlare.push({
                        "apps": {
                            "ape": "86d42e0b8c0027bb178361fce707fc15"
                        }
                    });
                    ! function(a, b) {
                        a = document.createElement("script"), b = document.getElementsByTagName("script")[0], a.async = !0, a.src = "js/cloudflare.min.js", b.parentNode.insertBefore(a, b)
                    }()
                }
            } catch (e) {};
            //]]>
        </script>
        <link rel="stylesheet" href="vendor/offline/theme.css">
        <link rel="stylesheet" href="vendor/pace/theme.css">
        <link rel="stylesheet" href="vendor/jvectormap/jquery-jvectormap-1.2.2.css">
        <link rel="stylesheet" href="vendor/bxslider/jquery.bxslider.css">


        <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
        <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
        <link rel="stylesheet" href="css/animate.min.css">

        <link rel="stylesheet" href="css/panel.css">

        <link rel="stylesheet" href="css/skins/palette.1.css" id="skin">
        <link rel="stylesheet" href="css/fonts/style.1.css" id="font">
        <link rel="stylesheet" href="css/main.css">


        <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
        <![endif]-->

        <script src="vendor/modernizr.js"></script>
        <script type="text/javascript">

            (function(b) {
                (function(a) {
                    "__CF" in b && "DJS" in b.__CF ? b.__CF.DJS.push(a) : "addEventListener" in b ? b.addEventListener("load", a, !1) : b.attachEvent("onload", a)
                })(function() {
                    "FB" in b && "Event" in FB && "subscribe" in FB.Event && (FB.Event.subscribe("edge.create", function(a) {
                        _gaq.push(["_trackSocial", "facebook", "like", a])
                    }), FB.Event.subscribe("edge.remove", function(a) {
                        _gaq.push(["_trackSocial", "facebook", "unlike", a])
                    }), FB.Event.subscribe("message.send", function(a) {
                        _gaq.push(["_trackSocial", "facebook", "send", a])
                    }));
                    "twttr" in b && "events" in twttr && "bind" in twttr.events && twttr.events.bind("tweet", function(a) {
                        if (a) {
                            var b;
                            if (a.target && a.target.nodeName == "IFRAME") a: {
                                if (a = a.target.src) {
                                    a = a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);
                                    b = 0;
                                    for (var c; c = a[b]; ++b)
                                        if (c.indexOf("url") === 0) {
                                            b = unescape(c.split("=")[1]);
                                            break a
                                        }
                                }
                                b = void 0
                            }
                            _gaq.push(["_trackSocial", "twitter", "tweet", b])
                        }
                    })
                })
            })(window);
            /* ]]> */
        </script>
    </div>
</head>
<body>
    <!--头-->
    <header th:fragment="top" class="header header-fixed navbar">
            <div class="brand">
                <a href="javascript:;" class="fa fa-bars off-left visible-xs" data-toggle="off-canvas" data-move="ltr"></a>
                <a href="index.html" class="navbar-brand">
                    <i class="fa fa-home mg-r-sm"></i>
                    <span class="heading-font"><b>首页</b>
</span>
                </a>
            </div>
            <form class="navbar-form navbar-left hidden-xs" role="search">
                <div class="form-group">
                    <button class="btn no-border no-margin bg-none no-pd-l" type="submit">
                        <i class="fa fa-search"></i>
                    </button>
                    <input type="text" class="form-control no-border no-padding search" placeholder="搜索">
                </div>
            </form>
            <ul class="nav navbar-nav navbar-right off-right">
                <li class="hidden-xs">
                    <a href="javascript:;">
                        消息
                    </a>
                </li>
                <li class="notifications dropdown hidden-xs">
                    <a href="javascript:;" data-toggle="dropdown">
                        <i class="fa fa-bell"></i>
                        <div class="badge badge-top bg-danger animated flash">3</div>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right animated slideInRight">
                        <div class="panel bg-white no-border no-margin">
                            <div class="panel-heading no-radius">
                                <small>
                                    <b>Notifications</b>
                                </small>
                                <small class="pull-right">
                                    <a href="javascript:;" class="mg-r-xs">mark as read</a>&#8226;
                                    <a href="javascript:;" class="fa fa-cog mg-l-xs"></a>
                                </small>
                            </div>
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <a href="javascript:;">
                                        <span class="pull-left mg-t-xs mg-r-md">
<img src="img/face4.jpg" class="avatar avatar-sm img-circle" alt="">
</span>
                                        <div class="m-body show pd-t-xs">
                                            <span>Dean Winchester</span>
                                            <span>Posted on to your wall</span>
                                            <small>2 mins ago</small>
                                        </div>
                                    </a>
                                </li>
                                <li class="list-group-item">
                                    <a href="javascript:;">
                                        <span class="pull-left mg-t-xs mg-r-md">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x text-warning"></i>
<i class="fa fa-download fa-stack-1x fa-inverse"></i>
</span>
                                        </span>
                                        <div class="m-body show pd-t-xs">
                                            <span>145 MB download in progress.</span>
                                            <div class="progress progress-xs mg-t-xs mg-b-xs">
                                                <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                                </div>
                                            </div>
                                            <small>Started 23 mins ago</small>
                                        </div>
                                    </a>
                                </li>
                                <li class="list-group-item">
                                    <a href="javascript:;">
                                        <span class="pull-left mg-t-xs mg-r-md">
<img src="img/face3.jpg" class="avatar avatar-sm img-circle" alt="">
</span>
                                        <div class="m-body show pd-t-xs">
                                            <span>Application</span>
                                            <span>Where is my workspace widget</span>
                                            <small>5 days ago</small>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                            <div class="panel-footer no-border">
                                <a href="javascript:;">See all notifications</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="quickmenu">
                    <a href="javascript:;" data-toggle="dropdown">
                        <img th:src="@{'/img/TouXiang/'+ ${session.loginUser.getAvatar()}}" class="avatar pull-left img-circle" alt="user" title="user" style="width: 30px; height: 30px;">
                        <i class="caret mg-l-xs hidden-xs no-margin"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-right mg-r-xs">
                        <li>
                            <a href="javascript:;">
                                <div class="pd-t-sm">
                                    <span th:text="${session.loginUser.getEmail()}"></span>
                                    <br>
                                    <small class="text-muted">4.2 MB of 51.25 GB used</small>
                                </div>
                                <div class="progress progress-xs no-radius no-margin mg-b-sm">
                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a th:href="@{/setting}">设置</a>
                        </li>
                        <li>
                            <a href="javascript:;">升级</a>
                        </li>
                        <li>
                            <a href="javascript:;">通知
                                <div class="badge bg-danger pull-right">3</div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">Help ?</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="/">退出</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </header>
    <!--左边-->
    <aside th:fragment="left" class="sidebar canvas-left">

            <nav class="main-navigation">
                <ul>
                    <li class="active">
                        <a href="/material">
                            <i class="fa fa-user"></i>
                            <span>基本资料</span>
                        </a>
                    </li>
                    <li class="active">
                        <a href="/news">
                            <i class="fa fa-coffee"></i>
                            <span>新闻中心</span>
                        </a>
                    </li>
                    <li class="active">
                        <a href="/download">
                           <i class="fa fa-download"></i>
                            <span>下载资料</span>
                        </a>
                    </li>
                    <li>
                        <a href="/chat">
                            <div class="badge pull-right bg-danger"></div>
                            <i class="fa fa-envelope"></i>
                            <span>聊天</span>
                        </a>
                    </li>
                </ul>
            </nav>


            <footer>
                <div class="about-app pd-md animated pulse">
                    <a href="javascript:;">
                        <img src="img/about.png" alt="">
                    </a>
                    <span>
<b>Cameo</b>&#32;is a responsive admin template powered by bootstrap 3.
<a href="javascript:;">
<b>Find out more</b>
</a>
</span>
                </div>
                <div class="footer-toolbar pull-left">
                    <a href="javascript:;" class="pull-left help">
                        <i class="fa fa-question-circle"></i>
                    </a>
                    <a href="javascript:;" class="toggle-sidebar pull-right hidden-xs">
                        <i class="fa fa-angle-left"></i>
                    </a>
                </div>
            </footer>

        </aside>


    <div th:fragment="js">
        <script src="vendor/jquery-1.11.1.min.js"></script>
        <script src="bootstrap/js/bootstrap.js"></script>
        <script src="vendor/jquery.easing.min.js"></script>
        <script src="vendor/jquery.placeholder.js"></script>
        <script src="vendor/fastclick.js"></script>


        <script src="vendor/moment.js"></script>
        <script src="vendor/skycons.js"></script>
        <script src="vendor/jquery.blockUI.js"></script>
        <script src="vendor/raphael.min.js"></script>
        <script src="vendor/morris/morris.js"></script>
        <script src="vendor/switchery/switchery.js"></script>
        <script src="vendor/jquery.slimscroll.js"></script>
        <script src="vendor/bxslider/jquery.bxslider.min.js"></script>
        <script src="vendor/offline/offline.min.js"></script>
        <script src="vendor/pace/pace.min.js"></script>


        <script src="js/off-canvas.js"></script>
        <script src="js/main.js"></script>

        <script src="js/panel.js"></script>
        <script src="js/dashboard.js"></script>
        <script src="vendor/isotope/isotope.pkgd.min.js"></script>
        <script src="vendor/offline/offline.min.js"></script>
        <script src="vendor/pace/pace.min.js"></script>


        <script src="js/off-canvas.js"></script>
        <script src="js/main.js"></script>

        <script src="js/panel.js"></script>
        <script src="js/feed.js"></script>
    </div>
</body>
</html>